<template>
  <el-menu    
    class="el-menu-demo menu"
    router
    mode="horizontal"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"    
  >
    <el-menu-item index="1" route="/">页面</el-menu-item>        
    <el-menu-item index="2" route="/page2">配置</el-menu-item>
    <el-sub-menu index="3">
      <template #title><el-icon><user-filled /></el-icon></template>
      <el-menu-item index="3-1" >修改密码</el-menu-item>
      <el-menu-item index="3-2">退出</el-menu-item>
    </el-sub-menu>    
  </el-menu>  
</template>

<script>
export default {

}
</script>

<style scoped>
  .menu{
    display: flex; justify-content: flex-end;
  }
</style>